body{
  width: 100%;
  height: 100%;
  background: url("../images/jilu/bg_pic.png") no-repeat;
  background-size:100% 100%;
}

.warp{
  width:100%;
  height: 100%;
  header{
    height: 0.58rem;
    line-height: 0.58rem;
    text-align: center;
    font-size: 0.36rem;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff8fa;
    padding: 0.25rem;
  }
  .main{
    padding: 0.1rem;
    margin-top: 0.7rem;
    div{
      width: 47%;
      height: 2.87rem;
      background-color:#fff4f7;
      float: left;
      margin: 0.1rem;
      border-radius: 0.2rem;
    }
    .pic_01{
      text-align: center;
      .tizhong{
        display: block;
        width:1.77rem;
        height: 1.77rem;
        background: url("../images/jilu/icon1.png") no-repeat;
        background-size:1.77rem 1.77rem;
        margin: 0.2rem auto;
      }
      p{
        font-size:0.31rem;
        color: #333333;

      }
      text-align: center;
    }
    .pic_02{
      text-align: center;
      .taidong{
        display: block;
        width:1.77rem;
        height: 1.77rem;
        background: url("../images/jilu/icon2.png") no-repeat;
        background-size:1.77rem 1.77rem;
        margin: 0.2rem auto;
      }
      p{
        font-size:0.31rem;
        color: #333333;

      }
      text-align: center;
    }
    .pic_03{
      text-align: center;
      .yingyang{
        display: block;
        width:1.77rem;
        height: 1.77rem;
        background: url("../images/jilu/icon3.png") no-repeat;
        background-size:1.77rem 1.77rem;
        margin: 0.2rem auto;
      }
      p{
        font-size:0.31rem;
        color: #333333;

      }
      text-align: center;
    }
    .pic_04{
      text-align: center;
      .chanjian{
        display: block;
        width:1.77rem;
        height: 1.77rem;
        background: url("../images/jilu/icon4.png") no-repeat;
        background-size:1.77rem 1.77rem;
        margin: 0.2rem auto;
      }
      p{
        font-size:0.31rem;
        color: #333333;

      }
      text-align: center;
    }
  }
  //  底部
  footer{
    width:100%;
    height:0.96rem;
    line-height: 0.96rem;
    border-top: 1px solid #e5e5e5;
    position: fixed;
    bottom: 0;
    background-color: #fff8fa;
    ul{
      display: flex;
      li {
        flex: 1;
        float: left;
        text-align: center;
        a {
          font-size: 0.24rem;
          margin-top: 4px;
          display: block;
          p {
            line-height: 1.5;
          }
        }
        span {
          display: block;
          width: 0.4rem;
          height: 0.4rem;
          background: url("../images/icon_tab_02.png") no-repeat;
          background-size: 0.4rem 0.4rem;
          margin: 2px auto;
        }
        .jilu {
          display: block;
          width: 0.4rem;
          height: 0.4rem;
          background: url("../images/icon_tab_04.png") no-repeat;
          background-size: 0.4rem 0.4rem;
          margin: 2px auto;
        }
        .zhishi {
          display: block;
          width: 0.4rem;
          height: 0.4rem;
          background: url("../images/icon_tab_06.png") no-repeat;
          background-size: 0.4rem 0.4rem;
          margin: 2px auto;
        }
        .ziji {
          display: block;
          width: 0.4rem;
          height: 0.4rem;
          background: url("../images/icon_tab_08.png") no-repeat;
          background-size: 0.4rem 0.4rem;
          margin: 2px auto;
        }
      }
    }
  }
  ul li a .active0{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url("../images/icon_tab_01.png") no-repeat;
    background-size: 0.4rem 0.4rem;
  }
  ul li a .active1{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url("../images/icon_tab_03.png") no-repeat;
    background-size: 0.4rem 0.4rem;
  }
  ul li a .active2{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url("../images/icon_tab_05.png") no-repeat;
    background-size: 0.4rem 0.4rem;
  }
  ul li a .active3{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url("../images/icon_tab_07.png") no-repeat;
    background-size: 0.4rem 0.4rem;
  }
}
